<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/Comments.css"/>
		<script type="text/javascript" src="js/jquery.1.11.1.js" ></script>
	</head>
	<body>
		<!--发表评论-->
		<div class="Comments">
			<div class="Comments_1">
				<ul>
					<li>
						<p>商家服务态度 </p>
						<ul class="Comments_1_lu" data-num='0'>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>								
						</ul>
					</li>
					<li>
						<p>商家处理速度</p>
						<ul class="Comments_1_lu" data-num='0'>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>								
						</ul></li>
					<li>
						<p>商家商品质量</p>
						<ul class="Comments_1_lu" data-num='0'>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>								
						</ul></li>					
				</ul>
			</div>
			<div class="Comments_2">
				<p>其他评价分享</p>
				<textarea  placeholder="亲，发表评价吧..." autofocus>
					
				</textarea>
			</div>
			<div class="Comments_3">
				<div>提交评价</div>
			</div>
		</div>
		<script type="text/javascript">	

				$(function(){


					var imgSrc = 'img/icon_.png'; //没有填色的星星
					var imgSrc_2 = 'img/icon_s.png'; //打分后有颜色的星星
					$('.Comments_1_lu li').click(function(){
						var idx = $(this).index()
						$(this).children('img').attr('src',imgSrc_2);
						$(this).prevAll().children('img').attr('src',imgSrc_2);
						$(this).nextAll().children('img').attr('src',imgSrc);
						var i = idx+1||'0';
						var lisr_ =[];
						$(this).parent().attr('data-num',i)
						
					})
					
					$('.Comments_3').click(function(){
						var list_data=[];												
						$('.Comments_1_lu').each(function (index, value){
							list_data.push($(this).attr('data-num'))
						});
						console.log(list_data)					
					
				})
				})

				
				$('textarea').val('')
		</script>
	</body>
</html>
